<%@page import="bll.EnumName"%>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%@ page import="java.util.*,util.*,dal.*,model.*, bll.*"%>
<%
	int tabIndex = MiscUtil.getIntUrlParam(request, "tabIndex");
	if(tabIndex==Integer.MIN_VALUE)
		tabIndex=1;
%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Activity</title>
<link rel="stylesheet" type="text/css" href="css/tab.css"/>
<link rel="stylesheet" href="css/common.css" />
<link rel="stylesheet" href="css/inputForm.css" />
<link rel="stylesheet" href="css/listForm.css" />
<link rel="stylesheet" href="css/jquery-ui-1.8.14.custom.css" type="text/css" />
<link rel="stylesheet" href="css/hyjack.css" type="text/css" />
<link rel="stylesheet" href="css/datepicker.css" type="text/css" />
<link rel="stylesheet" href="css/themes/ui-lightness/jquery.ui.all.css" />
<link rel="stylesheet" href="css/jquery-ui-timepicker.css" type="text/css" />
<link rel="stylesheet" href="css/jquery-datepicker.css" />
<link rel="stylesheet" href="css/jquery-dialog.css" />

<script type='text/javascript' src='js/tab.js'></script>
<script language="javascript" type="text/javascript" src="js/datepicker.js"></script>
<script language="javascript" type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.14.custom.min.js"></script>
<script language="javascript" type="text/javascript" src="js/jquery.hyjack.select.js"></script>
<script language="javascript" type="text/javascript" src="js/jquery.ui.core.min.js"></script>
<script language="javascript" type="text/javascript" src="js/jquery.ui.widget.min.js"></script>
<script language="javascript" type="text/javascript" src="js/jquery.ui.timepicker.js"></script>
<script language="javascript" type="text/javascript" src="js/jquery.ui.datepicker.js"></script>
<script language="javascript" type="text/javascript" src="js/jquery.hyjack.js"></script>
<script language="javascript" type="text/javascript" src="js/ajaxQuickInsert.js"></script>
<script language="javascript" type="text/javascript" src="js/jquery.numeric.js"></script>
<script language="javascript" type="text/javascript" src="js/jquery.ui.tools.min.js"></script>
<script language="javascript" type="text/javascript" src="js/common.js"></script>
<script language="javascript" type="text/javascript">
$(document).ready(pageLoaded);

function pageLoaded()
{
	initTab();
} 
</script>
</head>
<body>

<div class="divContainer">
    <%@ include file="menu.jsp"%>
	<table class="tblTab">
			<tr>
				<td class="tabHeader">Activities</td>
			</tr>
			<tr class="trTabbedArea">
			<td>
    <div class="tabbed_area">  
  
		<ul class="tabs"> 
			
			<% for(int i=1;i<=4;i++){ %>
				<li><a href="javascript:tabSwitch(<%=i %>, 4);" id="tab_<%=i%>"<%if(tabIndex==i){%>class="active"<%} %>>
					<% if(i == 1){ %>
						My tasks
					<% }else if(i == 2){ %>
						I'm Manager
					<% }else if(i == 3){ %>
						My Issues
					<% }else if(i == 4){ %>
						Alert
					<% } %>
				</a></li>
			<%} %>
			<li><a href="index.jsp" style="color: black;">Go Back</a></li> 

		</ul>  
		<% for(int i=1;i<=4;i++){ %>
		<div id="content_<%=i %>"<%if(tabIndex==i){%>class="tabContentActive"<%}else{%>class="tabContent"<%}%>>
            <span>Content of tab <%=i %></span>
        </div>
  		<%} %>

  
    </div>  
  </td>
  </tr>
  </table>
</div>  
</body>
</html>